Skip to main content

Create a Bookmark in HTML

HTML links may be used to build bookmarks, allowing readers to navigate to specific sections of a web page.

If a web page is particularly long, bookmarks can be handy.

To make a bookmark, first create it, then add a link to it.

When the link is clicked, the page will scroll down or up to the bookmark destination.

Example

First, use Hyper links to create clickable bookmarks:

<a href="#home">Home</a>
<a href="#details">Details</a>
<a href="#more">More</a>
<a href="#footer">Footer</a>

Make sections and give the appropriate ids to the sections

<div id="home">Home</div>
<div id="details">Details</div>
<div id="more">More</div>
<div id="footer">Footer</div>

Auto Run: Off

Console